* {
    margin: 0;
    padding: 0;
}

body {
    font-size: 12px;
    font-family: helvetica, georgia, arial, sans-serif;
    color: #333;
    line-height: 24px;
    background: #0C2A4C ;
}

ol, ul {
    list-style: none;
}

a:link, a:active, a:visited {    
    text-decoration: none;
    font-size: 12px;
    color: #07477B;
}

a:hover {
    color: blue;
}

#wrapper {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    width: 1000px;
    margin: 10px auto;
    border: 1px solid #07477B;
    background: #fff;
}

#header {

position: relative;
padding: 5px 20px;
display: block;
text-align: right;
}

#dashboard {
}

#dashboard ul {
margin: 5px;
background: #eee;
border: 2px solid #ccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#dashboard ul li {

border-right: 1px solid #ccc;
display: inline-block;
text-align: center;
}

#dashboard ul li a:link,
#dashboard ul li a:active,
#dashboard ul li a:visited {
display: block;
line-height: 60px;
width: 100px;
font-size: 14px;
font-weight: bold;
color: red;
}

#dashboard ul li a:hover {
color: blue;
}

#action-menu ul {
width: auto;
}

#action-menu ul li {
display: inline-block;
width: auto;
}

#action-menu li a {
display: block;
padding-right: 20px;
}

.left {
float: left;   
}

.right {
float: right;   
}


#main {
margin: 5px;
padding: 10px;
border: 1px solid #ccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}


#action-menu {
border-bottom: 1px solid #ccc;
padding: 5px;
}


#main-content {
padding: 10px 5px;
}



ul.main-cat li, ul.sub-cat li{
line-height: 30px;
border-top: 1px solid #ccc;
}

ul.main-cat li {

background: #eee;
}

ul.sub-cat li {
background: #ddd ;
}


h3.action-title {
margin: 5px ;
padding: 10px 0px;
font-size: 14px;
}


a.main-cat-link {
padding-left: 20px;
background: url(../images/back-end/bullet-blue.png) no-repeat 2px;
}

a.sub-cat-link {
padding-left: 50px;
background: url(../images/back-end/bullet.jpg) no-repeat 40px;
}

a.delete-link {
float: right;
margin-left: 10px;
padding-left: 20px;
padding-right: 20px;
background: url(../images/back-end/delete.png) no-repeat 0 8px;
}

a.edit-link {
float: right;
margin-left: 20px;
padding-left: 20px;
padding-right: 20px;
background: url(../images/back-end/edit.png) no-repeat 0 8px;
}

a.list-action {
padding-left: 25px;
background: url(../images/back-end/list.png) no-repeat 1px;
}

a.add-action {
padding-left: 25px;
background: url(../images/back-end/add.png) no-repeat 1px;
}

.input-order {
margin-top: 8px;
width: 20px;
height: 13px;
border: 1px solid #ccc;
font-size: 10px;
color: black;
padding-left: 5px;
}


label,input,select,button,option,textarea {
font-size: 12px;
}


input,select,option,textarea {
border: 1px solid #ddd;
}

input {
padding: 2px;
}

.button {
margin: 10px 5px;
padding: 5px 10px;
font-weight: bold;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.notice {
padding: 10px;
color: red;
}

.label {
width: 150px;
float: left;
}

.error {
padding-left: 10px;
color: red;
font-size: 11px;
}


/** POST **/

#list-posts {
border: 1px solid #ccc;  
}

.header-list {
background: #eee;
border-bottom: 1px solid #ccc;
font-weight: bold;
}

.header-title {
float: left;
width: 500px;
text-align: center;
}

.header-category {
float: left;
width: 200px;
text-align: center;
border-left: 1px solid #ccc;
}

.header-viewed {
float: left;
width: 90px;
text-align: center;
border-left: 1px solid #ccc;
}

.header-edit {
float: left;
width: 80px;
text-align: center;
border-left: 1px solid #ccc;
}

.header-delete {
float: left;
width: 80px;
text-align: center;
border-left: 1px solid #ccc;
}


.row-post {
    border-bottom: 1px solid #ccc;
}
.clear {
    clear: both;
}

.post-label {
display: block;
margin-top: 10px;
}


/* USER */

.header-username {
float: left;
width: 200px;
text-align: center;
}

.header-email {
float: left;
width: 250px;
text-align: center;
border-left: 1px solid #ccc;
}

.header-level {
float: left;
width: 140px;
text-align: center;
border-left: 1px solid #ccc;
}

.header-date {
float: left;
width: 200px;
text-align: center;
border-left: 1px solid #ccc;
}


.user-label {
float: left;
width: 150px;
}

.user-row {
padding: 5px;
}

#login {
margin: 100px auto;
padding: 20px;
width: 300px;
background: #eee;
border: 3px solid #ccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#login p {
padding: 5px;
}
.login-label {
float: left;
width: 100px;
}

/* CONTACT */

#add-contact {
	padding: 5px;
}

.contact-label {
float: left;
width: 150px;
}

.contact-row {
padding: 5px 10px;
}

.contact-content {
width: 300px;
height: 100px;
}

.contact-input {
width: 300px;
}



/* VIEW PAGES */

.view-page {
padding: 5px 10px;
}

a.page-link:link,
a.page-link:visited,
a.page-link:active {
color: red;
font-size: 12px;
margin: 5px;
font-weight: bold;
}

a.page-link:hover {
color: blue;
}


a.page-current {
color: blue;
font-weight: bold;
font-size: 12px;
margin: 5px;
}